前端工程師和「切版的」有什麼不同?
前端工程師和「切版的」有什麼不同?

以網頁而言所謂的前端設計指得就是相對於「程式」、「資料庫」這些所謂的後端其他的都叫前端。
也就包括視覺的呈現、流程、HTML、CSS、JS等的運用以及所謂的使用者體驗(UE)、、使用者介面(UI)、可使性(UX-usability)等等，其實包山包海，範圍可大可小。

其中的 使用者體驗(UE)，更是一個舉世知名的大坑，所謂的使用者體驗，user 使用這個產品的所有體驗、感覺，當然不會只停留在你的UI設計的好不好，網站速度、效能、程式有沒有出錯、企劃本身有沒有符合需求、如何去評測UX、如何設計反饋...，UE確實負責了產品的成敗，但是UE絕對不是單一個人的責任，UE是整個團隊的共同問題，所以不管是視覺、企劃、UI、前端、後端，其實只要有把UE放在心裡就好。

撇開嚇死人的UE，所謂的前端一般來說負責的比較接近 UI+切版，網頁產品最終被使用者直接接觸到的部分，包括 HTML+CSS 再來就是js、jQ做出一些動畫效果。然後也要考慮到跨平台、瀏覽器的呈現要盡量一致，至少要優雅的降級，雖不夠好看但不能破版或無法使用，所以在前端的工作內包括不少的溝通，和企劃、視覺、後端程式都需要做溝通，彼此做出適當的建議。

至於「切版」，就是一個動作將視覺設計好的PSD切成HTML+CSS然後供後端的工程師上程式。比起廣義的前端來說沒有包括那麼多可怕的跨領域內容。

不過「切版」本身也是有他的技巧，比如適當的HTML語義tag及結構，用什麼方式來組成內容可以有比較好的呈現及效能，CSS怎麼寫比較好維護更新，跨瀏覽器時怎麼取得最佳的平衡，跨平台時要不要做隨硬體變更尺寸的響應式設計等等... 單說切版似乎也不是那麼容易，何況到真正的前端工程師，技能實在是包山包海而且是跨領域的。

前陣子看了篇文章 為什麼前端工程師很難找

裡面很多意見，大抵來說，前端光是切版的部分，本來就在這個網路二三十年的發展中處於一個沒人專職的狀況，以前網路一人包辨，隨著內容越來越複雜有了視覺、程式的分工，中間的HTML+CSS不是視覺用DW產生就是程式順手寫一下。可是HTML+CSS不斷的發展到近年來js, jQ開始熱門，對程式來說，多如牛毛的跨瀏覽器呈現還有對畫面的美感失調，或是對視覺來說光看就像火星文的HTML+CSS，都是沒人想碰的東西。

學校又還沒有專門科目，想學只好自修的情況下，熟手自然少，何況是要求平均屬性的前端工作。
前端技能也許不是很難，但是很雜。光是基本技能就要會 PS, HTML,CSS, js, jQ，其他還有簡單的心理學、色彩學、使用者研究等心法類的，技術方面也要熟悉各大瀏覽器、新的技術像HTML及CSS都還有制定中、行動平台...。

而我這個小小的新手前端，是由視覺往後走的，有大眾傳播的底子及社群經驗讓我對UI的部分要學習比較好掌握，不過js 那個方面就進程緩慢啦。

當個能把版切好的前端，是基本。
當個能把前端做好的前端，是一種挑戰。

/*
這篇比較像是前端相關心得文，似乎不太技術的樣子 Orz
*/

= chibc's blog